<view class="time" v-for = "item in list" :key="item.list">
    {{ item }}
</view>

list:['1','08:00','08:50',&nbsp,'2']


<div class="course-position">
    <div class="course-bar">课表信息</div>
    
    <table class="course-table">
        <tr>
            <td colspan="8">我的课表</td>
        </tr>
            
        <tr>
            <th>节次/周次</th>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
            <th>星期六</th>
            <th>星期日</th>
        </tr>
        
        <tr>
            <td id="T1_0">第一节</td>
            <td id="T1_1"></td>
            <td id="T1_2"></td>
            <td id="T1_3"></td>
            <td id="T1_4"></td>
            <td id="T1_5"></td>
            <td id="T1_6"></td>
            <td id="T1_7"></td>
        </tr>
        
        <tr>
            <td id="T2_0">第二节</td>
            <td id="T2_1"></td>
            <td id="T2_2"></td>
            <td id="T2_3"></td>
            <td id="T2_4"></td>
            <td id="T2_5"></td>
            <td id="T2_6"></td>
            <td id="T2_7"></td>
        </tr>
        
        <tr>
            <td id="T3_0">第三节</td>
            <td id="T3_1"></td>
            <td id="T3_2"></td>
            <td id="T3_3"></td>
            <td id="T3_4"></td>
            <td id="T3_5"></td>
            <td id="T3_6"></td>
            <td id="T3_7"></td>
        </tr>
        
        <tr>
            <td id="T4_0">第四节</td>
            <td id="T4_1"></td>
            <td id="T4_2"></td>
            <td id="T4_3"></td>
            <td id="T4_4"></td>
            <td id="T4_5"></td>
            <td id="T4_6"></td>
            <td id="T4_7"></td>
        </tr>
        
        <tr>
            <td id="T5_0">第五节</td>
            <td id="T5_1"></td>
            <td id="T5_2"></td>
            <td id="T5_3"></td>
            <td id="T5_4"></td>
            <td id="T5_5"></td>
            <td id="T5_6"></td>
            <td id="T5_7"></td>
        </tr>
        
        <tr>
            <td id="T6_0">第六节</td>
            <td id="T6_1"></td>
            <td id="T6_2"></td>
            <td id="T6_3"></td>
            <td id="T6_4"></td>
            <td id="T6_5"></td>
            <td id="T6_6"></td>
            <td id="T6_7"></td>
        </tr>
        
    </table>		

</div>

<script type="text/javascript">
    creatCourseTab();
</script>


<table class="courseTable">
                <tbody>
                    <tr>
                    <td id="T1_1">666a</td>
                    <td id="T1_2"></td>
                    <td id="T1_3"></td>
                    <td id="T1_4"></td>
                    <td id="T1_5"></td>
                    <td id="T1_6"></td>
                    <td id="T1_7"></td>
                </tr>
                <tr>
                    <td id="T1_1">666a</td>
                    <td id="T1_2"></td>
                    <td id="T1_3"></td>
                    <td id="T1_4"></td>
                    <td id="T1_5"></td>
                    <td id="T1_6"></td>
                    <td id="T1_7"></td>
                </tr>
                <tr>
                    <td id="T1_1">666a</td>
                    <td id="T1_2"></td>
                    <td id="T1_3"></td>
                    <td id="T1_4"></td>
                    <td id="T1_5"></td>
                    <td id="T1_6"></td>
                    <td id="T1_7"></td>
                </tr>
                <tr>
                    <td id="T1_1">666a</td>
                    <td id="T1_2"></td>
                    <td id="T1_3"></td>
                    <td id="T1_4"></td>
                    <td id="T1_5"></td>
                    <td id="T1_6"></td>
                    <td id="T1_7"></td>
                </tr>
                <tr>
                    <td id="T1_1">666a</td>
                    <td id="T1_2"></td>
                    <td id="T1_3"></td>
                    <td id="T1_4"></td>
                    <td id="T1_5"></td>
                    <td id="T1_6"></td>
                    <td id="T1_7"></td>
                </tr>
                </tbody>
                
            </table>


            .courseTable{
    width: 300px;
    height: 600px;
    /* background-color: aqua; */
}
.courseTable tbody tr{
    width: 300px;
    height: 80px;
    display: flex;
    flex-direction: row;
}
.courseTable tbody tr td{
    width: 39.5rpx;
    height: calc(100%-100rpx);
    border-radius: 5rpx;
    background-color: cadetblue;
    margin-right: 1rpx;
    margin-bottom: 5rpx;
}


uni-modal .uni-modal__bd{    



white-space: pre-wrap;    



}  




uni.showModal({
	title: '日程表',
	content: '日程\n</br>时间',
	cancelText: "取消", // 取消按钮的文字  
	confirmText: "确定", // 确认按钮的文字  
	showCancel: true, // 是否显示取消按钮，默认为 true
	confirmColor: '#007AFF',
	cancelColor: '#535353',
	success: (res) => {
	if(res.confirm) {  
		console.log('confirm') //点击确定之后执行的代码
	} else {  
		console.log('cancel') //点击取消之后执行的代码
		}  
	} 
})


<modal v-ifa "showExit" title="退出" confirm-text="确定" cancel-text="取消" @cancel="$event => showExit = false"
@confirm="$event => exitApp()">
<span>确认退出吗?</span>
<br />
<span>11111</span>
人
</modal>


<li @longtap="longtap">长按触发事件</li>
 
<script>
methods:{
            longtap(){
                console.log("是否保存?")
            }
        },
</script>


-------------------------------------
<template>
    <view class="courseTab">
        <view class="top">
            <view class="month" @click="attention()" >
                <text>{{ month }}</text>
            </view>
            <view class="WeekDay" @click="show()">
                <WeekDay :week="week1" :day="day1"/>
                <WeekDay :week="week2" :day="day2"/>
                <WeekDay :week="week3" :day="day3"/>
                <WeekDay :week="week4" :day="day4"/>
                <WeekDay :week="week5" :day="day5"/>
                <WeekDay :week="week6" :day="day6"/>
                <WeekDay :week="week7" :day="day7"/>
            </view>
        </view>
        <view class="mainPart">
            <!-- 左侧时间轴 -->
            <view class="timeName" >
                <Time :number="number1" :start="start1" :end="end1"/>
                <Time :number="number2" :start="start2" :end="end2"/>
                <Time :number="number3" :start="start3" :end="end3"/>
                <Time :number="number4" :start="start4" :end="end4"/>
                <Time :number="number5" :start="start5" :end="end5"/>
                <Time :number="number6" :start="start6" :end="end6"/>
                <Time :number="number7" :start="start7" :end="end7"/>
                <Time :number="number8" :start="start8" :end="end8"/>
                <Time :number="number9" :start="start9" :end="end9"/>
                <Time :number="number10" :start="start10" :end="end10"/>
                <Time :number="number11" :start="start11" :end="end11"/>
                <Time :number="number12" :start="start12" :end="end12"/>
            </view>
            <!-- 长按课程表 -->
            <modal v-if = "isShow" title="日程表" confirm-text="确定"  cancel-text="取消" @cancel="$event => isShow = false"
                    @confirm="$event => isShow = false">
                    <view class="list">
                        <span class="list1">日程</span>
                        <input type="text" id="list2" placeholder="请输入名称">
                        <br />
                    </view>
                    <view class="list">
                        <span class="list1">时间</span>
                        <input type="text" id="list2" placeholder="星期一  08：00-09：00">
                        <br />
                    </view>
                    <view class="list">
                        <span class="list1">备注</span>
                        <input type="text" id="list2" placeholder="请输入备注">
                        <br />
                    </view>   
            </modal>
            <!-- 点击课程表 -->
            <view class="course" @click="aaShow()" @longpress="longpress">    
            </view>
            <!-- 课程表直接呈现部分 -->
            <FirstTalk/>
        </view>
    </view>   
</template>

<script>
import WeekDay from './WeekDay.vue';
import Time from './Time.vue';
import FirstTalk from './FirstTalk.vue';
export default {
  components: { Time,WeekDay,FirstTalk },
    onPullDownRefresh() {
        uni.startPullDownRefresh();
        //下面是下拉刷新页面的相关代码
        //...

        uni.stopPullDownRefresh();
    },
    data() {
        return {
            isShow:false,
            month: '3月',
            week1:'周一',week2:'周二',week3:'周三',week4:'周四',week5:'周五',week6:'周六',week7:'周日',
            day1:'27日',day2:'27日',day3:'27日',day4:'27日',day5:'27日',day6:'27日',day7:'27日',
            number1:'1',number2:'2',number3:'3',number4:'4',number5:'5',number6:'6',number7:'7',number8:'8',number9:'9',number10:'10',number11:'11',number12:'12',
            start1:'08:00',start2:'09:00',start3:'10:10',start4:'11:10',start5:'13:30',start6:'14:30',start7:'15:30',start8:'16:30',start9:'17:30',start10:'18:30',start11:'19:30',start12:'20:30',
            end1:'08:50',end2:'09:50',end3:'11:00',end4:'12:00',end5:'14:20',end6:'15:20',end7:'16:20',end8:'17:20',end9:'18:20',end10:'19:20',end11:'20:20',end12:'21:20',
        }
    },
    onLoad() {

    },
    onShow(){
        uni.setNavigationBarTitle({
	title:"第1周"
})

    },
    methods: {
        aaShow(){
            this.isShow=true
        },
       
       show(){
        uni.showActionSheet({
				itemList: ['A', 'B', 'C','D'],
				success (res) {
					console.log(res.tapIndex) //下标0开始
				},
				fail (res) {
					console.log(res.errMsg)
				}
			})
       },
      
        longpress(){
                uni.showActionSheet({
				itemList: ['自定义添加你的日程表吧！', '添加日程', '修改日程','删除日程'],
				success (res) {
					console.log(res.tapIndex) //下标0开始
				},
				fail (res) {
					console.log(res.errMsg)
				}
			})
            }
        },
        // uni.request({
        //     url: '',
        //     data: {},
        //     header: {
        //         Accept: 'application/json',
        //         'Content-Type': 'application/json',
        //         'X-Requested-With': 'XMLHttpRequest'
        //     },
        //     method: 'GET',
        //     sslVerify: true,
        //     success: ({ data, statusCode, header }) => {},
        //     fail: (error) => {}
        // })

}
</script>

<style scoped>
.top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    text-align: center;
    height: 40px;
    width: 300px;
    /* background-color: wheat; */
}
.month {
    font-size: 32rpx;
    color: #8f8f94;
    /* background-color: aqua; */
    width: 35px;
    height: 40px;
    text-align: center;
    padding-top: 15px;
}
.WeekDay{
    display: flex;
    flex-direction: row;
    justify-content: start;
    width: 200px;
    /* background-color: violet; */
}
.mainPart{
    width: 100%;
    height: 1080rpx;
    /* background-color: aqua; */
    display: flex;
    flex-direction: row;
}
.timeName{
    width: 35px;
    height: 1080rpx;
    background-color: thistle;
}
.list{
    display: flex;
    justify-content: space-between;
    /* background-color: aquamarine; */
}
.list1{
    color: #535353;
    font-family: SmileySans-Oblique;
}
#list2{
    color: #C1C1C1;
    font-family: SmileySans-Oblique;
}
.course{
    background-color: yellowgreen;
    height: 1180rpx;
    width: 660rpx;
}

</style>


v-model="new1"
v-model="new2"

uni.request({
 url: 'https://tomato.daoxuan.cc/timetable/',
 data: {  },
 header: {
 Accept: 'application/json',
 'Content-Type': 'application/json',
 'X-Requested-With': 'XMLHttpRequest',
 "Authorization":"Bearer "+uni.getStorageSync('login').access
 },
 method: 'GET',
 sslVerify: true,
 success: ({ data, statusCode, header }) => {
    console.log(data);
 
 },
 fail: (error) => {
 console.err(error);

 }
})